<!DOCTYPE html>

<html lang="zh-CN">

<head>
  
  <title>Hexo博客的托管(失败) - 完全小白</title>
  <meta charset="UTF-8">
  <meta name="description" content="分享前端知识，持续学习，持续成长！！！">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
  
  

  <link rel="shortcut icon" href="https://whbbit-picture.oss-cn-beijing.aliyuncs.com/505735.png" type="image/png" />
  <meta name="description" content="本来是准备部署到 Gitee 中去，但是页面跳转遇到了极大的问题。 好的东西就应该分享出来，我喜欢这样做 。">
<meta property="og:type" content="article">
<meta property="og:title" content="Hexo博客的托管(失败)">
<meta property="og:url" content="https://lostmobbit.gitee.io/2020/08/27/202008281357/index.html">
<meta property="og:site_name" content="完全小白">
<meta property="og:description" content="本来是准备部署到 Gitee 中去，但是页面跳转遇到了极大的问题。 好的东西就应该分享出来，我喜欢这样做 。">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="https://whbbit-picture.oss-cn-beijing.aliyuncs.com/timg.jpg">
<meta property="og:image" content="https://whbbit-picture.oss-cn-beijing.aliyuncs.com/%E6%89%B9%E6%B3%A8%202020-08-26%20104054.png">
<meta property="og:image" content="https://whbbit-picture.oss-cn-beijing.aliyuncs.com/%E6%89%B9%E6%B3%A8%202020-08-26%20104726.png">
<meta property="og:image" content="https://whbbit-picture.oss-cn-beijing.aliyuncs.com/%E6%89%B9%E6%B3%A8%202020-08-26%20105100.png">
<meta property="og:image" content="https://whbbit-picture.oss-cn-beijing.aliyuncs.com/%E6%89%B9%E6%B3%A8%202020-08-26%20110222.png">
<meta property="og:image" content="https://whbbit-picture.oss-cn-beijing.aliyuncs.com/%E6%89%B9%E6%B3%A8%202020-08-27%20083159.png">
<meta property="og:image" content="https://whbbit-picture.oss-cn-beijing.aliyuncs.com/QQ%E5%9B%BE%E7%89%8720200903173444.png">
<meta property="og:image" content="https://whbbit-picture.oss-cn-beijing.aliyuncs.com/QQ%E5%9B%BE%E7%89%8720200903173922.png">
<meta property="article:published_time" content="2020-08-26T16:00:00.000Z">
<meta property="article:modified_time" content="2020-09-05T03:12:29.226Z">
<meta property="article:author" content="Whbbit">
<meta property="article:tag" content="博客">
<meta property="article:tag" content="Hexo">
<meta property="article:tag" content="失败记录">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://whbbit-picture.oss-cn-beijing.aliyuncs.com/timg.jpg">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/combine/gh/nexmoe/nexmoe.github.io@latest/css/style.css,npm/highlight.js@9.15.8/styles/atom-one-dark.css,gh/nexmoe/nexmoe.github.io@latest/lib/mdui_043tiny/css/mdui.css,gh/nexmoe/nexmoe.github.io@latest/lib/iconfont/iconfont.css" crossorigin>
  
  <!--<link rel="stylesheet" href="/css/style.css?v=1599276187639">-->

  
<meta name="generator" content="Hexo 5.1.1"></head>

<body class="mdui-drawer-body-left">
  
  <div id="nexmoe-background">
    <div class="nexmoe-bg" style="background-image: url(https://cdn.jsdelivr.net/gh/nexmoe/nexmoe.github.io@latest/images/cover/5c3aec85a4343.jpg)"></div>
    <div class="mdui-appbar mdui-shadow-0">
      <div class="mdui-toolbar">
        <a mdui-drawer="{target: '#drawer', swipe: true}" title="menu" class="mdui-btn mdui-btn-icon mdui-ripple"><i class="mdui-icon nexmoefont icon-menu"></i></a>
        <div class="mdui-toolbar-spacer"></div>
        <!--<a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">search</i></a>-->
        <a href="/" title="Whbbit" class="mdui-btn mdui-btn-icon"><img src="https://whbbit-picture.oss-cn-beijing.aliyuncs.com/avatar.jpg" alt="Whbbit"></a>
       </div>
    </div>
  </div>
  <div id="nexmoe-header">
      <div class="nexmoe-drawer mdui-drawer" id="drawer">
    <div class="nexmoe-avatar mdui-ripple">
        <a href="/" title="Whbbit">
            <img src="https://whbbit-picture.oss-cn-beijing.aliyuncs.com/avatar.jpg" alt="Whbbit" alt="Whbbit">
        </a>
    </div>
    <div class="nexmoe-count">
        <div><span>文章</span>4</div>
        <div><span>标签</span>4</div>
        <div><span>分类</span>2</div>
    </div>
    <div class="nexmoe-list mdui-list" mdui-collapse="{accordion: true}">
        
        <a class="nexmoe-list-item mdui-list-item mdui-ripple" href="/" title="回到首页">
            <i class="mdui-list-item-icon nexmoefont icon-home"></i>
            <div class="mdui-list-item-content">
                回到首页
            </div>
        </a>
        
        <a class="nexmoe-list-item mdui-list-item mdui-ripple" href="/archives" title="文章归档">
            <i class="mdui-list-item-icon nexmoefont icon-container"></i>
            <div class="mdui-list-item-content">
                文章归档
            </div>
        </a>
        
        <a class="nexmoe-list-item mdui-list-item mdui-ripple" href="/about.html" title="关于博客">
            <i class="mdui-list-item-icon nexmoefont icon-info-circle"></i>
            <div class="mdui-list-item-content">
                关于博客
            </div>
        </a>
        
        <a class="nexmoe-list-item mdui-list-item mdui-ripple" href="/Py/Py.html" title="我的朋友">
            <i class="mdui-list-item-icon nexmoefont icon-unorderedlist"></i>
            <div class="mdui-list-item-content">
                我的朋友
            </div>
        </a>
        
        <a class="nexmoe-list-item mdui-list-item mdui-ripple" href="/sponsor/sponsor.html" title="阔落奶茶">
            <i class="mdui-list-item-icon nexmoefont icon-coffee"></i>
            <div class="mdui-list-item-content">
                阔落奶茶
            </div>
        </a>
        
    </div>
    <aside id="nexmoe-sidebar">
  
  <div class="nexmoe-widget-wrap">
    <h3 class="nexmoe-widget-title">社交按钮</h3>
    <div class="nexmoe-widget nexmoe-social">
        <a class="mdui-ripple" href="https://space.bilibili.com/104376935" target="_blank" mdui-tooltip="{content: '哔哩哔哩'}" style="color: rgb(231, 106, 141);background-color: rgba(231, 106, 141, .15);">
            <i class="nexmoefont icon-bilibili"></i>
        </a><a class="mdui-ripple" href="https://github.com/Whbbit1999" target="_blank" mdui-tooltip="{content: 'GitHub'}" style="color: rgb(25, 23, 23);background-color: rgba(25, 23, 23, .15);">
            <i class="nexmoefont icon-github"></i>
        </a>
    </div>
</div>
  
  
  <div class="nexmoe-widget-wrap">
    <h3 class="nexmoe-widget-title">文章分类</h3>
    <div class="nexmoe-widget">

      <ul class="category-list">

        


        

        

        <li class="category-list-item">
          <a class="category-list-link" href="/categories/随笔/Hexo博客搭建/">Hexo博客搭建</a>
          <span class="category-list-count">2</span>
        </li>

        

        <li class="category-list-item">
          <a class="category-list-link" href="/categories/随笔/">随笔</a>
          <span class="category-list-count">4</span>
        </li>

        
      </ul>

    </div>
  </div>


  
  
  <div class="nexmoe-widget-wrap">
    <h3 class="nexmoe-widget-title">标签云</h3>
    <div id="randomtagcloud" class="nexmoe-widget tagcloud nexmoe-rainbow">
      <a href="/tags/Hexo/" style="font-size: 20px;">Hexo</a> <a href="/tags/%E5%8D%9A%E5%AE%A2/" style="font-size: 20px;">博客</a> <a href="/tags/%E5%A4%B1%E8%B4%A5%E8%AE%B0%E5%BD%95/" style="font-size: 10px;">失败记录</a> <a href="/tags/%E9%9A%8F%E7%AC%94/" style="font-size: 10px;">随笔</a>
    </div>
    
  </div>

  
</aside>
    <div class="nexmoe-copyright">
        &copy; 2020 Whbbit
        Powered by <a href="http://hexo.io/" target="_blank">Hexo</a>
        & <a href="https://nexmoe.com/hexo-theme-nexmoe.html" target="_blank">Nexmoe</a>
    </div>
</div><!-- .nexmoe-drawer -->
  </div>
  <div id="nexmoe-content">
    <div class="nexmoe-primary">
        <div class="nexmoe-post">
  
      <div class="nexmoe-post-cover" style="padding-bottom: 62.5%;"> 
          <img data-src="https://whbbit-picture.oss-cn-beijing.aliyuncs.com/devin-h-UXVPS9q_BSE-unsplash.jpg" data-sizes="auto" alt="Hexo博客的托管(失败)" class="lazyload">
          <h1>Hexo博客的托管(失败)</h1>
      </div>
  
  
  <div class="nexmoe-post-meta nexmoe-rainbow" style="margin:10px 0!important;">
    <a><i class="nexmoefont icon-calendar-fill"></i>2020年08月27日</a>
    <a><i class="nexmoefont icon-areachart"></i>927 字</a>
    <a><i class="nexmoefont icon-time-circle-fill"></i>大概 3 分钟</a>
</div>

  <div class="nexmoe-post-right">
    
      <div class="nexmoe-fixed">
        <div class="nexmoe-valign">
            <div class="nexmoe-toc">
                <ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%B8%8D%E5%86%8D%E5%AD%A4%E8%8A%B3%E8%87%AA%E8%B5%8F%EF%BC%8C%E8%AE%A9%E8%87%AA%E5%B7%B1%E7%9A%84%E6%89%8D%E5%8D%8E%E5%BE%81%E6%9C%8D%E4%B8%96%E4%BA%BA%E5%90%A7"><span class="toc-number">1.</span> <span class="toc-text">不再孤芳自赏，让自己的才华征服世人吧</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E6%B3%A8%E5%86%8C%E8%B4%A6%E5%8F%B7"><span class="toc-number">2.</span> <span class="toc-text">注册账号</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E6%96%B0%E5%BB%BA%E5%85%AC%E6%9C%89%E4%BB%93%E5%BA%93"><span class="toc-number">3.</span> <span class="toc-text">新建公有仓库</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E6%9C%AC%E5%9C%B0%E5%87%86%E5%A4%87%E5%B7%A5%E4%BD%9C"><span class="toc-number">4.</span> <span class="toc-text">本地准备工作</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#%E7%BE%8E%E5%8C%96%E5%8D%9A%E5%AE%A2"><span class="toc-number">4.1.</span> <span class="toc-text">美化博客</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E9%85%8D%E7%BD%AE%E4%B8%BB%E9%A2%98"><span class="toc-number">4.2.</span> <span class="toc-text">配置主题</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E9%83%A8%E7%BD%B2"><span class="toc-number">5.</span> <span class="toc-text">部署</span></a></li></ol>
            </div>
        </div>
      </div>
    
  </div>

  <article>
    <p>本来是准备部署到 Gitee 中去，但是页面跳转遇到了极大的问题。</p>
<p>好的东西就应该分享出来，我喜欢这样做 。</p>
<a id="more"></a>

<h2 id="不再孤芳自赏，让自己的才华征服世人吧"><a href="#不再孤芳自赏，让自己的才华征服世人吧" class="headerlink" title="不再孤芳自赏，让自己的才华征服世人吧"></a>不再孤芳自赏，让自己的才华征服世人吧</h2><blockquote>
<p>上一次我们只是在本地运行了起来，自己观看不免的被人说一句：“艹，臭傻逼。孤芳自赏，搞这个有屁用啊~%?…,# *‘☆&amp;℃$︿★?”。那今天呢，我们就用实际行动来堵上他们的嘴。</p>
</blockquote>
<p>这回我们选择的平台是国产的 Gitee，也就是<code>码云</code>。等等，此码云非彼马云，这可以说是国产的 GitHub 平台，但是使用的人好像不多。在这个世界大变局中，我们不要将鸡蛋放到一个篮子里。多学一点总没有错。</p>
<p>先打开它的官网，一睹它的芳容：<a target="_blank" rel="noopener" href="https://gitee.com/">https://gitee.com/</a></p>
<p><img src="https://whbbit-picture.oss-cn-beijing.aliyuncs.com/timg.jpg"></p>
<blockquote>
<p>上面的图片来自<code>百度</code>，（<strong>如有侵权，立马删除</strong>），可以展示我们这个国产的平台也不是那么差劲。</p>
</blockquote>
<p>可以先注册一下账号，注册完毕，就可以进行一系列的配置了。</p>
<h2 id="注册账号"><a href="#注册账号" class="headerlink" title="注册账号"></a>注册账号</h2><p>这个就略过了吧，手机号、QQ 号都可以。这个就自己发挥吧。</p>
<h2 id="新建公有仓库"><a href="#新建公有仓库" class="headerlink" title="新建公有仓库"></a>新建公有仓库</h2><p>登录后点击右上角的+，点击新建仓库</p>
<p><img data-sizes="auto" data-src="https://whbbit-picture.oss-cn-beijing.aliyuncs.com/%E6%89%B9%E6%B3%A8%202020-08-26%20104054.png" alt="新建仓库" class="lazyload"></p>
<ul>
<li>填写仓库名称</li>
<li>选择<strong>公开</strong></li>
<li>选择使用 Readme 文件初始化这个仓库</li>
</ul>
<p>点击创建，就可以看到自己的代码仓库了：</p>
<p><img data-sizes="auto" data-src="https://whbbit-picture.oss-cn-beijing.aliyuncs.com/%E6%89%B9%E6%B3%A8%202020-08-26%20104726.png" alt="代码仓库" class="lazyload"></p>
<blockquote>
<p>这里我选择 MIT 开源协议，这个我听说是在开源社区广泛使用的。别人使用时，不用担心版权问题。</p>
</blockquote>
<p><img data-sizes="auto" data-src="https://whbbit-picture.oss-cn-beijing.aliyuncs.com/%E6%89%B9%E6%B3%A8%202020-08-26%20105100.png" alt="协议" class="lazyload"></p>
<p>到这一步，我们先放一放，美化一下本地的博客。为上传到 Gitee 做准备。</p>
<h2 id="本地准备工作"><a href="#本地准备工作" class="headerlink" title="本地准备工作"></a>本地准备工作</h2><h3 id="美化博客"><a href="#美化博客" class="headerlink" title="美化博客"></a>美化博客</h3><p>可以在 Hexo 中文网首页中找到<code>主题</code>英文版是<code>Themes</code>，点击进入。可以看到很多大佬写好的主题，挑一款自己喜欢的我们稍加配置便可以进行使用。</p>
<p><img data-sizes="auto" data-src="https://whbbit-picture.oss-cn-beijing.aliyuncs.com/%E6%89%B9%E6%B3%A8%202020-08-26%20110222.png" alt="主题" class="lazyload"></p>
<p>我选择的是<code>Nexmoe</code>主题，这个主题是真的好看。可以说是一见钟情也不为过。它的创作者个人博客界面如下：</p>
<p><img data-sizes="auto" data-src="https://whbbit-picture.oss-cn-beijing.aliyuncs.com/%E6%89%B9%E6%B3%A8%202020-08-27%20083159.png" alt="Nexmoe" class="lazyload"></p>
<p>是不是很好看，是不是(●’◡’●)</p>
<p>我们可以跟着它的文档一步一步配置。</p>
<h3 id="配置主题"><a href="#配置主题" class="headerlink" title="配置主题"></a>配置主题</h3><p>这个跟着主题文档就可以轻松实现了<del>虽然我弄这个弄了一下午，失败了无数回。我心态差点就炸裂了</del>，这个我会新开一篇文章专门来介绍这个主题的配置，我们今天的目标是先将其搭建起来。让所有人都能在网上找到我们自己搭建的博客（也算是一个小网站吧）。接下来就轮到我们的主角登场了。</p>
<h2 id="部署"><a href="#部署" class="headerlink" title="部署"></a>部署</h2><p>在个人仓库<code>服务</code>中选择 <code>Gitee Pages</code>选项<br><img src="https://whbbit-picture.oss-cn-beijing.aliyuncs.com/QQ%E5%9B%BE%E7%89%8720200903173444.png"></p>
<p>进入页面后，点击<code>启动</code> 选项</p>
<blockquote>
<p>选择强制使用 HTTPS 协议，这样会使自己的个人博客给别人更加安全一点的错觉 O(∩_∩)O。</p>
</blockquote>
<p><img src="https://whbbit-picture.oss-cn-beijing.aliyuncs.com/QQ%E5%9B%BE%E7%89%8720200903173922.png"></p>
<p>这时候，就会用到一点 Git 知识了，这可能会有一点困难，但是现在我们用到的只是将其上传到 Gitee 中。所以，大概会用便可以。</p>
<p>这里网上有特别多的教程，跟着操作一下应该就能学会。所以，不要被眼前的困难所击败，加油，要相信你是最棒的！</p>
<p>我的世界种子： 【出生点附近有蘑菇岛+海底圣殿】-315372236147044280</p>
<blockquote>
<p>参考文章：<br>简书：<a target="_blank" rel="noopener" href="https://www.jianshu.com/p/5014133ba61a">https://www.jianshu.com/p/5014133ba61a</a><br>hexo 官网: <a target="_blank" rel="noopener" href="https://hexo.io/zh-cn/docs/">https://hexo.io/zh-cn/docs/</a><br>Nexmoe 文档： <a target="_blank" rel="noopener" href="https://docs.nexmoe.com/">https://docs.nexmoe.com/</a><br>CSDN 博客：<a target="_blank" rel="noopener" href="https://blog.csdn.net/mqdxiaoxiao/article/details/95781368">https://blog.csdn.net/mqdxiaoxiao/article/details/95781368</a><br>Gitee 添加 SSH：<a target="_blank" rel="noopener" href="https://www.himmy.cn/2019/07/06/github%E6%B7%BB%E5%8A%A0ssh-key/">https://www.himmy.cn/2019/07/06/github%E6%B7%BB%E5%8A%A0ssh-key/</a></p>
</blockquote>

  </article>

  <div class="nexmoe-post-meta nexmoe-rainbow">
    
        <a class="nexmoefont icon-appstore-fill -link" href="/categories/%E9%9A%8F%E7%AC%94/">随笔</a><a class="nexmoefont icon-appstore-fill -link" href="/categories/%E9%9A%8F%E7%AC%94/Hexo%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/">Hexo博客搭建</a>
    
    
        <a class="nexmoefont icon-tag-fill -none-link" href="/tags/Hexo/" rel="tag">Hexo</a> <a class="nexmoefont icon-tag-fill -none-link" href="/tags/%E5%8D%9A%E5%AE%A2/" rel="tag">博客</a> <a class="nexmoefont icon-tag-fill -none-link" href="/tags/%E5%A4%B1%E8%B4%A5%E8%AE%B0%E5%BD%95/" rel="tag">失败记录</a>
    
</div>

  <div class="nexmoe-post-footer">
    
      
  <div class="nexmoe-post-copyright">
    <strong>本文作者：</strong>Whbbit<br>
    <strong>本文链接：</strong><a href="https://lostmobbit.gitee.io/2020/08/27/202008281357/" title="https:&#x2F;&#x2F;lostmobbit.gitee.io&#x2F;2020&#x2F;08&#x2F;27&#x2F;202008281357&#x2F;" target="_blank" rel="noopener">https:&#x2F;&#x2F;lostmobbit.gitee.io&#x2F;2020&#x2F;08&#x2F;27&#x2F;202008281357&#x2F;</a><br>
    
      <strong>版权声明：</strong>本文采用 <a href="https://creativecommons.org/licenses/by-nc-sa/3.0/cn/deed.zh" target="_blank">CC BY-NC-SA 3.0 CN</a> 协议进行许可
    
  </div>


    
    <section class="nexmoe-comment">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1.5.0/dist/gitalk.min.css">
<div id="gitalk"></div>
<script src="https://cdn.jsdelivr.net/npm/gitalk@1.5.0/dist/gitalk.min.js"></script>
<script type="text/javascript">
    var gitalk = new Gitalk({
        clientID: '80b2453b6d5f37ad6225',
        clientSecret: '43e99fa852795c9a7b3eb924b2558c64b84bbdeb',
        id: window.location.pathname,
        repo: 'nexmoe.github.io',
        owner: 'nexmoe',
        admin: 'nexmoe'
    })
    gitalk.render('gitalk')
</script>
</section>
  </div>
</div>
    </div>
  </div>
  <script src="https://cdn.jsdelivr.net/combine/npm/lazysizes@5.1.0/lazysizes.min.js,gh/highlightjs/cdn-release@9.15.8/build/highlight.min.js,npm/mdui@0.4.3/dist/js/mdui.min.js,gh/nexmoe/nexmoe.github.io@latest/js/app.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<!--<script src="/js/app.js?v=1599276187639"></script>-->


    <script src="https://cdn.jsdelivr.net/gh/xtaodada/xtaodada.github.io@0.0.2/copy.js"></script>



  





</body>

</html>
